<!DOCTYPE html>
<html>
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
  <title>参考文案</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1" /> 
  <link href="__PUBLIC__/admin/css/bootstrap.min.css" rel="stylesheet" /> 
  <link href="__PUBLIC__/admin/css/font-awesome.min.css" rel="stylesheet" /> 
  <link href="__PUBLIC__/admin/css/toastr.min.css" rel="stylesheet" /> 
  <script src="__PUBLIC__/admin/js/jquery.js"></script> 
  <script src="__PUBLIC__/admin/js/lodash.min.js"></script> 
  <script src="__PUBLIC__/admin/js/toastr.min.js"></script> 
  <script src="__PUBLIC__/admin/js/handlebars.min.js"></script> 
  <script src="__PUBLIC__/admin/js/knockout-min.js"></script> 
  <script src="__PUBLIC__/admin/js/jquery.validate.min.js"></script> 
  <script src="__PUBLIC__/admin/js/jquery.validate.unobtrusive.min.js"></script> 
  <script src="__PUBLIC__/admin/js/bootstrap.min.js"></script> 
  <script src="__PUBLIC__/admin/js/clipboard.min.js"></script> 
  <script type="text/javascript" src="__PUBLIC__/admin/js/ZeroClipboard.js"></script> 
  <script src="__PUBLIC__/admin/js/jquery-2.0.3.min.js"></script> 
  <script>
    toastr.options.positionClass = 'toast-bottom-right';
  </script> 
   
  <link rel="stylesheet" href="__PUBLIC__/admin/css/page_mp_article.css" /> 
  <link rel="stylesheet" href="__PUBLIC__/admin/css/page_mp_article_improve_combo.css" /> 
  <link rel="stylesheet" href="__PUBLIC__/admin/css/admin.css" /> 
  <link rel="stylesheet" href="__PUBLIC__/admin/css/xx.css" /> 
  <script src="__PUBLIC__/admin/js/K.js"></script> 
  <script src="/static/bower_components/fex-webuploader/dist/webuploader.min.js"></script>
  <script src="/static/bower_components/layer/src/layer.js"></script>
  <style type="text/css">
            #editor-bar .dropdown-menu {
                height: auto;
                max-height: 400px;
                overflow-x: hidden;
            }
            .modal{
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,.4);
                display: none;
                -webkit-box-pack: center;
                box-pack: center;
                -webkit-box-align: center;
                box-align: center;
            }
            .readMore_new{
                line-height: 30px;
                color: #333;
                font-size: 15px;
            }
            .sloider{
                margin: 20px 0;
                height: 1px;
                background: #ccc;
            }
            .page_read_all{
                display: block;
                margin: 0 auto;
                width: 100%;
                height: 44px;
                line-height: 44px;
                background-color: #e33328;
                color: #fff;
                text-align: center;
                font-size: 18px;
                letter-spacing: 1px;
                border-radius: 5px;
            }
            .tit_input{
                outline: none;
                border: none;
                border-bottom: 1px dashed;
                width: 100%;
            }
            #wx-article-cover{
                position: relative;
            }
            .webuploader-element-invisible{
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 999;
                top: 0px;
                opacity: 0.1;
            }
            input[type=file]{
                display: none;
            }
        </style> 
 </head> 
 <body> 
  <div class="rich_media"> 
   <div class="rich_media_area_primary"> 
    <h1 id="wx-article-title" class="rich_media_title">
        <empty name="article">
            <input class="tit_input" name="title" id="title" value="热门小说免费看" placeholder="输入标题"/>
            <else/>
            <input class="tit_input" name="title" id="title" value="{$article['title']}" />
        </empty>
         
    </h1> 
    <div class="rich_media_content"> 
     <div id="wx-article-content"> 
      <div id="content_body"> 
       <div id="wx-article-cover"> 
           <empty name="article">
            <img style="width:100%;display:block;margin-bottom:20px;" id="cover_img" src="https://jinbanbook.oss-cn-shenzhen.aliyuncs.com/common/58c57ca42a1fe.jpg" /> 
            <input type="hidden" name="cover" id="cover" value="https://jinbanbook.oss-cn-shenzhen.aliyuncs.com/common/58c57ca42a1fe.jpg">
            <else/>
            <img style="width:100%;display:block;margin-bottom:20px;" id="cover_img" src="{$article['cover']}" /> 
            <input type="hidden" name="cover" id="cover" value="{$article['cover']}">
        </empty>
        
        
       </div>
       <div class="wonderful" style="margin:15px 0;font-size:18px;padding:10px 5px;line-height:2em;border:2px solid #676767;color:red">
           <empty name="article">
                <textarea class="tit_input" id="description" name="description"/>【简介】</textarea>
               <else/>
                <textarea class="tit_input" id="description" name="description" value=""/>{$article['description']}</textarea>
           </empty>   
           
       
       </div>   
       <volist name="bookinfos" id="vs"> 
        <div id="wx-article-body"> 
         <section style="box-sizing: border-box;"> 
          <section style="text-align:center;box-sizing: border-box;"> 
           <section style="display: inline-block; box-sizing: border-box; background-color: rgb(254, 254, 254);"> 
            <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(255, 129, 36); box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section> 
            <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(254, 254, 254); margin-left: -8px; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"></section> 
            <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(255, 129, 36); box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section> 
            <section class="135brush" style="display: inline-block; vertical-align: top; height: 30px; line-height: 30px; padding-right: 0.5em; padding-left: 0.5em; color: rgb(255, 255, 255); box-sizing: border-box; background-color: rgb(255, 129, 36);text-align:left;">
              {$vs.title2} 
            </section> 
            <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-left-width: 10px; border-left-style: solid; border-left-color: rgb(255, 129, 36); box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section> 
            <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-left-width: 10px; border-left-style: solid; border-left-color: rgb(255, 129, 36); margin-left: 2px; box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;" data-width="10px"></section> 
            <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-left-width: 10px; border-left-style: solid; border-left-color: rgb(254, 254, 254); margin-left: -12px; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"></section> 
           </section> 
          </section> 
          <section style="border: 2px solid rgb(255, 129, 36); padding: 30px 15px 15px; margin-top: -16px; box-sizing: border-box;">
            {$vs.content} 
          </section> 
          <section style="margin-top: -20px; box-sizing: border-box;"> 
           <section style="border-color: transparent transparent rgb(255, 129, 36); border-style: solid; border-width: 10px; float: none; height: 0px; margin-top: -10px; margin-right: auto; margin-left: auto; width: 0px; box-sizing: border-box;" data-width="0px"></section> 
           <section style="border-color: transparent transparent rgb(254, 254, 254); border-style: solid; border-width: 10px; height: 0px; margin-top: -18px; margin-right: auto; margin-left: auto; width: 0px; color: inherit; box-sizing: border-box;" data-width="0px"></section> 
           <section style="border-color: transparent transparent rgb(255, 129, 36); border-style: solid; border-width: 10px; float: none; height: 0px; margin-top: -15px; margin-right: auto; margin-left: auto; width: 0px; box-sizing: border-box;" data-width="0px"> 
            <br /> 
           </section> 
          </section> 
         </section> 
         <span>&nbsp;</span> 
        </div> 
       </volist> 
      </div> 
     </div> 
     <div class="readMore_new"> 
      <b>未完待续.....篇幅有限，后续剧情高潮不断！点击免费下载继续阅读</b> 
     </div> 
     <div class="sloider"></div> 
     <div onclick="next()" class="page_read_all"> 
      <b>点我免费下载继续阅读</b> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div style="height:60px;"></div> 
  <nav id="editor-bar" class="navbar navbar-default navbar-fixed-bottom"> 
   <div class="container"> 
    <div class="navbar-header">
        <button style="margin:7px;" onclick="save()" class="btn">保存</button>   
        <button style="margin:7px;" onclick="preview()" class="btn">预览</button>   
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#editor-menu" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 
    </div> 
    <div class="collapse navbar-collapse" id="editor-menu"> 
     <ul class="nav navbar-nav"> 
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded=""> <i class="fa fa-header"></i> 文案标题 <span class="caret"></span> </a> 
       <ul class="dropdown-menu"> 
        <!-- ko foreach: titles --> 
        <li><a href="#" data-bind="男人怎么吻你?,就怎么爱你!估计很少人知道......" class="changet">男人怎么吻你?,就怎么爱你!估计很少人知道......</a></li> 
        <li><a class="changet" href="#" data-bind="这是我见过最牛逼的女人！看了没人不服！">这是我见过最牛逼的女人！看了没人不服！</a></li> 
        <li><a class="changet" href="#" data-bind="女人最易让男人朝思暮想的特点，你有吗？">女人最易让男人朝思暮想的特点，你有吗？</a></li> 
        <li><a href="#" data-bind="温柔体贴的老公突然提出了离婚，只因为七年前我……">温柔体贴的老公突然提出了离婚，只因为七年前我……</a></li> 
        <li><a class="changet" href="#" data-bind="男人的心在哪，钱就会花在哪！">男人的心在哪，钱就会花在哪！</a></li> 
        <li><a class="changet" href="#" data-bind="女人最易让男人朝思暮想的特点，你有吗？">女人最易让男人朝思暮想的特点，你有吗？</a></li> 
        <li><a class="changet" href="#" data-bind="温柔体贴的老公突然提出了离婚，只因为七年前我……">温柔体贴的老公突然提出了离婚，只因为七年前我……</a></li> 
        <li><a class="changet" href="#" data-bind="男人出轨,不是为了爱,而是因为…">男人出轨,不是为了爱,而是因为…</a></li> 
        <li><a class="changet" href="#" data-bind="有一种陪伴不在身边，却在心间~">有一种陪伴不在身边，却在心间~</a></li> 
        <li><a class="changet" href="#" data-bind="你以为嫁了个没钱的男人，他就一定会对你好？">你以为嫁了个没钱的男人，他就一定会对你好？</a></li> 
        <li><a class="changet" href="#" data-bind="机关算尽，假装贞洁，欲擒故纵……">机关算尽，假装贞洁，欲擒故纵……</a></li> 
        <li><a href="#" data-bind="妻子去世后，丈夫对孩子说了这样的话，看哭了">妻子去世后，丈夫对孩子说了这样的话，看哭了</a></li> 
        <li><a class="changet" href="#" data-bind="她为救他怀了别人的孩子，被他全家看不起，结局令人唏嘘......">她为救他怀了别人的孩子，被他全家看不起，结局令人唏嘘......</a></li> 
        <li><a class="changet" href="#" data-bind="年薪5万的女人和年薪20万的女人，差别居然这么大！">年薪5万的女人和年薪20万的女人，差别居然这么大！</a></li> 
        <li><a class="changet" href="#" data-bind="男人大吼：“你不就是嫌我穷吗？要是我有钱你早就扑上来了！”女人回答的太精彩！">男人大吼：“你不就是嫌我穷吗？要是我有钱你早就扑上来了！”女人回答的太精彩！</a></li> 
        <li><a class="changet" href="#" data-bind="她被迫代嫁， 他被迫代娶，当温热的吻袭来.....">她被迫代嫁， 他被迫代娶，当温热的吻袭来.....</a></li> 
        <li><a class="changet" href="#" data-bind="把女人当保姆的男人，该滚了！">把女人当保姆的男人，该滚了！</a></li> 
        <li><a class="changet" href="#" data-bind="要走的人你留不住，装睡的人你叫不醒，不爱你的人你感动不了">要走的人你留不住，装睡的人你叫不醒，不爱你的人你感动不了</a></li> 
        <li><a class="changet" href="#" data-bind="拯救婚姻的从来不是性，但毁掉婚姻的往往是因为性e">拯救婚姻的从来不是性，但毁掉婚姻的往往是因为性</a></li> 
        <li><a class="changet" href="#" data-bind="妻子出轨，丈夫默默原谅了她，她居然扬言要离婚！">妻子出轨，丈夫默默原谅了她，她居然扬言要离婚！</a></li> 
        <li><a class="changet" href="#" data-bind="“以身抵债，嫁给我。” “……谈好条件再说。”">“以身抵债，嫁给我。” “……谈好条件再说。”</a></li> 
        <li><a class="changet" href="#" data-bind="如何做一个让男人有冲动的女人？">如何做一个让男人有冲动的女人？</a></li> 
        <li><a class="changet" href="#" data-bind="你老公不爱你？好巧，我也是">你老公不爱你？好巧，我也是</a></li> 
        <li><a class="changet" href="#" data-bind="女人出轨的真相到底是什么？">女人出轨的真相到底是什么？</a></li> 
        <li><a class="changet" href="#" data-bind="男人骨子里最惦记的女人永远是这一种！">男人骨子里最惦记的女人永远是这一种！</a></li> 
        <li><a class="changet" href="#" data-bind="感情再好，也千万别找男人要这个东西！">感情再好，也千万别找男人要这个东西！</a></li> 
        <li><a class="changet" href="#" data-bind="机关算尽，假装贞洁，欲擒故纵……">机关算尽，假装贞洁，欲擒故纵……</a></li> 
        <li><a class="changet" href="#" data-bind="感情再好，也千万别找男人要这个东西！">感情再好，也千万别找男人要这个东西！</a></li> 
        <li><a class="changet" href="#" data-bind="替父还债，嫁给了生活不能自理的男人……">替父还债，嫁给了生活不能自理的男人……</a></li> 
        <li><a class="changet" href="#" data-bind="想脱你衣服的人很多，想给你买衣服的有吗">想脱你衣服的人很多，想给你买衣服的有吗</a></li> 
        <li><a class="changet" href="#" data-bind="出狱后，美女竟用这种方式迎接他……">出狱后，美女竟用这种方式迎接他……</a></li> 
        <li><a class="changet" href="#" data-bind="替父还债，嫁给了生活不能自理的男人">替父还债，嫁给了生活不能自理的男人</a></li> 
        <li><a class="changet" href="#" data-bind="换位思考，换位做事，换位做人">换位思考，换位做事，换位做人</a></li> 
        <li><a class="changet" href="#" data-bind="女人请记住，你的格局决定着你的层次">女人请记住，你的格局决定着你的层次</a></li> 
        <li><a class="changet" href="#" data-bind="是选择决定了你的一生，而不是努力">是选择决定了你的一生，而不是努力</a></li> 
        <li><a class="changet" href="#" data-bind="你有多无知，就会多坎坷">你有多无知，就会多坎坷</a></li> 
        <li><a class="changet" href="#" data-bind="婚姻里，你的付出给对了吗？">婚姻里，你的付出给对了吗？</a></li> 
        <li><a class="changet" href="#" data-bind="《欢乐颂》最大启示：想做人生赢家从弄清楚自己想要什么开始">《欢乐颂》最大启示：想做人生赢家从弄清楚自己想要什么开始</a></li> 
        <li><a class="changet" href="#" data-bind="原来，你接受不了的，正是你需要修炼的！！">原来，你接受不了的，正是你需要修炼的！！</a></li> 
        <li><a class="changet" href="#" data-bind="对人，对事，试着让自己不去计较">对人，对事，试着让自己不去计较</a></li> 
        <li><a class="changet" href="#" data-bind="没有功劳有苦劳？呵呵哒，谁在乎你的苦劳">没有功劳有苦劳？呵呵哒，谁在乎你的苦劳</a></li> 
        <li><a class="changet" href="#" data-bind="人生的三把钥匙：接受，改变，离开">人生的三把钥匙：接受，改变，离开</a></li> 
        <li><a class="changet" href="#" data-bind="真正优秀的领导，绝不会让每个下属都高兴">真正优秀的领导，绝不会让每个下属都高兴</a></li> 
        <li><a class="changet" href="#" data-bind="你所仰仗的，最后都会变成你的局限">你所仰仗的，最后都会变成你的局限</a></li> 
        <li><a class="changet" href="#" data-bind="学会用心理预期来引导人际关系！">学会用心理预期来引导人际关系！</a></li> 
        <li><a class="changet" href="#" data-bind="男女都要明白:不同选择，不同境界。">男女都要明白:不同选择，不同境界。</a></li> 
        <li><a class="changet" href="#" data-bind="男人为什么明明知道错了，却无法道歉？">男人为什么明明知道错了，却无法道歉？</a></li> 
        <li><a class="changet" href="#" data-bind="闪婚四年：婚姻不是两个人的相处，而是一个人的修炼">闪婚四年：婚姻不是两个人的相处，而是一个人的修炼</a></li> 
        <li><a class="changet" href="#" data-bind="对婚姻伴侣的选择，是人生最重要的招聘">对婚姻伴侣的选择，是人生最重要的招聘</a></li> 
        <li><a class="changet" href="#" data-bind="男人太快跟你发生关系说明了什么？">男人太快跟你发生关系说明了什么？</a></li> 
        <li><a class="changet" href="#" data-bind="能用“钱”解决的问题，千万不要去动“关系”">能用“钱”解决的问题，千万不要去动“关系”</a></li> 
        <li><a class="changet" href="#" data-bind="怎样才能成为一个情绪成熟的女人">怎样才能成为一个情绪成熟的女人</a></li> 
        <li><a class="changet" href="#" data-bind="总是被伤害，那是因为你自己没价值">总是被伤害，那是因为你自己没价值</a></li> 
        <li><a class="changet" href="#" data-bind="为什么你总是不愿意主动联系别人？">为什么你总是不愿意主动联系别人？</a></li> 
        <li><a class="changet" href="#" data-bind="一个男人的角度：如何选择婚姻">一个男人的角度：如何选择婚姻</a></li> 
        <li><a class="changet" href="#" data-bind="人生过的是心情，生活活的是心态">人生过的是心情，生活活的是心态</a></li> 
        <li><a class="changet" href="#" data-bind="女人怕男人没钱，没爱，但最怕的是……">女人怕男人没钱，没爱，但最怕的是……</a></li> 
        <li><a class="changet" href="#" data-bind="睡不到小包总的人生还有什么意思！">睡不到小包总的人生还有什么意思！</a></li> 
        <li><a class="changet" href="#" data-bind="爱，就是我需要你的时候，你都在！">爱，就是我需要你的时候，你都在！</a></li> 
        <li><a class="changet" href="#" data-bind="女人能不能接受“养男人”？">女人能不能接受“养男人”？</a></li> 
        <li><a class="changet" href="#" data-bind="为什么99%年轻貌美的小三都打败不了原配？">为什么99%年轻貌美的小三都打败不了原配？</a></li> 
        <li><a class="changet" href="#" data-bind="多少人在循环的日子里，走向毁灭...">多少人在循环的日子里，走向毁灭...</a></li> 
        <li><a class="changet" href="#" data-bind="做人，复杂永远拼不过简">做人，复杂永远拼不过简单！</a></li> 
        <li><a class="changet" href="#" data-bind="我害怕找不到自己喜欢的方式度过一生">我害怕找不到自己喜欢的方式度过一生</a></li> 
        <li><a class="changet" href="#" data-bind="如何达到从工作和生活之间获得平衡的15种最佳方法！">如何达到从工作和生活之间获得平衡的15种最佳方法！</a></li> 
        <li><a class="changet" href="#" data-bind="不成熟男人的十大“病状”">不成熟男人的十大“病状”</a></li> 
        <li><a class="changet" href="#" data-bind="假如你不工作了，怎样才能有源源不断的收入呢？">假如你不工作了，怎样才能有源源不断的收入呢？</a></li> 
        <li><a class="changet" href="#" data-bind="成功，就是比别人“快半步”！">成功，就是比别人“快半步”！</a></li> 
        <li><a class="changet" href="#" data-bind="人性如此矛盾，我们该如何善从人性？">人性如此矛盾，我们该如何善从人性？</a></li> 
        <li><a class="changet" href="#" data-bind="不要拿着别人的地图，找自己的路">不要拿着别人的地图，找自己的路</a></li> 
        <li><a class="changet" href="#" data-bind="一个男人需要挣多少钱才能维系一个家庭？">一个男人需要挣多少钱才能维系一个家庭？</a></li> 
        <li><a class="changet" href="#" data-bind="清华大学教授吴维库演讲：情商与影响力">清华大学教授吴维库演讲：情商与影响力</a></li> 
        <li><a class="changet" href="#" data-bind="一个老实人的世态炎凉">一个老实人的世态炎凉</a></li> 
        <li><a class="changet" href="#" data-bind="自己不改变的话，新的一年也只是之前的重演">自己不改变的话，新的一年也只是之前的重演</a></li> 
        <li><a class="changet" href="#" data-bind="深陷无奈，是什么捆绑了你的人生？">深陷无奈，是什么捆绑了你的人生？</a></li> 
        <li><a class="changet" href="#" data-bind="图说：你有没有当领导的潜质">图说：你有没有当领导的潜质 看完就知道了</a></li> 
        <li><a class="changet" href="#" data-bind="寻找改变你人生的动力">寻找改变你人生的动力</a></li> 
        <li><a class="changet" href="#" data-bind="金盛华：中国人为什么活得这么累">金盛华：中国人为什么活得这么累</a></li> 
        <li><a class="changet" href="#" data-bind="我的人生不是木桶，别费心去补短了！">我的人生不是木桶，别费心去补短了！</a></li> 
        <li><a class="changet" href="#" data-bind="性格不强势，关键时候总被牵着走怎么办？">性格不强势，关键时候总被牵着走怎么办？</a></li> 
        <li><a class="changet" href="#" data-bind="给自己一个成功的理由，你的路就会越走越宽">给自己一个成功的理由，你的路就会越走越宽</a></li> 
        <li><a class="changet" href="#" data-bind="怎么花钱你才最有幸福感？">怎么花钱你才最有幸福感？</a></li> 
        <li><a class="changet" href="#" data-bind="事情很简单，复杂的是你：精简让生活更幸福">事情很简单，复杂的是你：精简让生活更幸福</a></li> 
        <li><a class="changet" href="#" data-bind="对待家人的态度，显示一个男人真实的人品">对待家人的态度，显示一个男人真实的人品</a></li> 
        <li><a class="changet" href="#" data-bind="生活比你更了解你自己：直面恐惧，享受人生">生活比你更了解你自己：直面恐惧，享受人生</a></li> 
        <li><a class="changet" href="#" data-bind="男人一生最好的投资不是房，不是车，而是一个好女人">男人一生最好的投资不是房，不是车，而是一个好女人</a></li> 
        <li><a class="changet" href="#" data-bind="你追求的是“幸福”，还是“比别人幸福”？！">你追求的是“幸福”，还是“比别人幸福”？！</a></li> 
        <li><a class="changet" href="#" data-bind="不要总活在自己的世界里，也不要总活在别人的世界里">不要总活在自己的世界里，也不要总活在别人的世界里</a></li> 
        <li><a class="changet" href="#" data-bind="没有过不去的事情，只有过不去的心情">没有过不去的事情，只有过不去的心情</a></li> 
        <li><a class="changet" href="#" data-bind="请用对方需要的方式爱对方">请用对方需要的方式爱对方</a></li> 
        <li><a class="changet" href="#" data-bind="千万别在最能吃苦的年纪选择了安逸">千万别在最能吃苦的年纪选择了安逸</a></li> 
        <li><a class="changet" href="#" data-bind="婚姻里，夫妻间的相处比相爱还更重要">婚姻里，夫妻间的相处比相爱还更重要</a></li> 
        <li><a class="changet" href="#" data-bind="男人如何经营幸福的婚姻">男人如何经营幸福的婚姻?</a></li> 
        <li><a class="changet" href="#" data-bind="避免离婚首先生活事业要分开">避免离婚首先生活事业要分开</a></li> 
        <li><a class="changet" href="#" data-bind="做最好的自己，才能碰见最好的别人">做最好的自己，才能碰见最好的别人</a></li> 
        <li><a class="changet" href="#" data-bind="爱是一种能力 发掘幸福的潜力">爱是一种能力 发掘幸福的潜力</a></li> 
        <li><a class="changet" href="#" data-bind="遇到爱你的人，感恩，遇到你爱的人，付出">遇到爱你的人，感恩，遇到你爱的人，付出</a></li> 
        <li><a class="changet" href="#" data-bind="你活着不是为了生气">你活着不是为了生气</a></li> 
        <li><a class="changet" href="#" data-bind="如果你觉得痛，说明到了该蜕变的阶段了">如果你觉得痛，说明到了该蜕变的阶段了</a></li> 
        <li><a class="changet" href="#" data-bind="爱是一种能力，你能否具备？">爱是一种能力，你能否具备？</a></li> 
        <li><a class="changet" href="#" data-bind="改变伴侣的最好方法就是展现改变自己的意愿">改变伴侣的最好方法就是展现改变自己的意愿</a></li> 
        <li><a class="changet" href="#" data-bind="一个人生活VS跟一个不爱的人一起生活">一个人生活VS跟一个不爱的人一起生活</a></li> 
        <li><a class="changet" href="#" data-bind="人生，一定是做了你该做的，才会得你想要的">人生，一定是做了你该做的，才会得你想要的</a></li> 
        <li><a class="changet" href="#" data-bind="把脾气拿出来是本能，把脾气压下去是本事">把脾气拿出来是本能，把脾气压下去是本事</a></li> 
        <!-- /ko --> 
       </ul> </li> 
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded=""><i class="fa fa-image"></i> 文案封面 <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <!-- ko foreach: covers --> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/500706-58799d37e88c8.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/500706-58799d37e88c8.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/D3F62B581BB072C5468169ED927489CC.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/D3F62B581BB072C5468169ED927489CC.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/5FCA48B1F52739EAF7061CA4FDB25397.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/5FCA48B1F52739EAF7061CA4FDB25397.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (4).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (4).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg.jpg" /> </a> </li> 
        <!-- 分割线 --> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (8).jpeg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (8).jpeg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/QQ20170325-0.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/QQ20170325-0.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (6).jpeg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (6).jpeg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (3).jpeg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (3).jpeg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/WX20170326-143009@2x.png"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/WX20170326-143009@2x.png" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/WX20170311-195941.png"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/WX20170311-195941.png" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/WX20170326-123314.png"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/WX20170326-123314.png" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/WX20170314-232744.png"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/WX20170314-232744.png" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37a975ecfc.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37a975ecfc.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf2459180ac.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf2459180ac.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf258f62228.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf258f62228.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37abe05999.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37abe05999.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37c40af75e.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37c40af75e.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf262b59237.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf262b59237.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d379f4b4173.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d379f4b4173.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d379fbbd6b9.png"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d379fbbd6b9.png" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37ee8ae380.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37ee8ae380.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37e9b9a147.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37e9b9a147.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/TB2vf.5cypnpuFjSZFkXXc4ZpXa_!!1869984391.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/TB2vf.5cypnpuFjSZFkXXc4ZpXa_!!1869984391.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/629625-58799bc58a8c1.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/629625-58799bc58a8c1.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/217166-58799d9bcc2a1.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/217166-58799d9bcc2a1.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/914168-587851e5b9342.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/914168-587851e5b9342.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/345208-58784ddaa90d5.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/345208-58784ddaa90d5.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/491973-58799be44037e.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/491973-58799be44037e.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58c57ca42a1fe.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58c57ca42a1fe.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf2605a1856.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf2605a1856.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf25f887590.JPG"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf25f887590.JPG" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf25644aa9e.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf25644aa9e.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf2588a2a08.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf2588a2a08.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf2444dbbde.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf2444dbbde.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37ea272d95.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37ea272d95.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58d37dc5d7425.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58d37dc5d7425.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/237573-58784eaad47f4.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/237573-58784eaad47f4.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/58cf2423d4d7e.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/58cf2423d4d7e.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (24).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (24).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (31).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (31).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/u=3213810318,787455978&amp;fm=23&amp;gp=0.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/u=3213810318,787455978&amp;fm=23&amp;gp=0.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (28).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (28).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (20).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (20).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (17).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (17).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/u=2098741150,483861765&amp;fm=23&amp;gp=0.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/u=2098741150,483861765&amp;fm=23&amp;gp=0.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (19).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (19).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (32).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (32).jpg" /> </a> </li> 
        <li> <a class="changei" ef="#" data-bind="__PUBLIC__/admin/images/timg (29).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (29).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/tooopen_sy_171601115218.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/tooopen_sy_171601115218.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (24).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (24).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (15).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (15).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (25).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (25).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (21).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (21).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202433.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202433.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (3).jpg" "=""> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (3).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202632.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202632.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202447.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202447.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507160124.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507160124.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202357.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202357.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202357.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202357.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202508.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202508.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202429.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202429.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507160046.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507160046.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202342.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202342.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202351.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202351.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507160021.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507160021.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202337.jpg1"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202337.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (2).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (2).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507202451.jp"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507202451.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/timg (1).jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/timg (1).jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/tooopen_sy_178652358471.jpg"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/tooopen_sy_178652358471.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/tooopen_sy_178953555255.jp"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/tooopen_sy_178953555255.jpg" /> </a> </li> 
        <li> <a class="changei" href="#" data-bind="__PUBLIC__/admin/images/20170507160104.bmp"> <img style="max-width:200px;max-height:40px;" src="__PUBLIC__/admin/images/20170507160104.bmp" /> </a> </li> 
        <!-- /ko --> 
       </ul> </li> 
      <!--  <li class="dropdown">
                             <a    href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="">正文模板 <span class="caret"></span></a>
                             <ul class="dropdown-menu">
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body1.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body10.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body11.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body12.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body2.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body3.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body4.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body5.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body6.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body7.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body8.jpg">
                                     </a>
                                 </li>
     
                                 <li style="border-bottom:#eee 1px solid;">
                                     <a    href="#" data-bind="click: $root.changeBodyTemplate">
                                         <img style="max-height: 40px;" data-bind="1" src="__PUBLIC__/admin/images/body9.jpg">
                                     </a>
                                 </li>
     
                             </ul>
                         </li> --> 
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="">原文引导模板 <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <!-- ko foreach: footer_templates --> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/1.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/1.jpg" /> </a> </li> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/2.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/2.jpg" /> </a> </li> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/3.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/3.jpg" /> </a> </li> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/4.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/4.jpg" /> </a> </li> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/5.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/5.jpg" /> </a> </li> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/6.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/6.jpg" /> </a> </li> 
        <li style="border-bottom:#eee 1px solid;"> <a class="changef" href="#" data-bind="__PUBLIC__/admin/images/7.jpg"> <img style="max-height: 40px;" src="__PUBLIC__/admin/images/7.jpg" /> </a> </li> 
        <!-- /ko --> 
       </ul> </li> 
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded=""><i class="fa fa-copy"></i> 复制 <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li> <a href="javascript:void(0);" id="btn-copy-title" data-clipboard-target="#wx-article-title">复制标题</a> </li> 
        <li> <a onclick="copy_flash();" id="btn-copy-content" data-clipboard-target="#wx-article-content">复制正文</a> </li> 
        <li> <a href="javascript:void(0);" id="btn-copy-url">复制阅读原文链接</a> </li> 
       </ul> </li> 
     </ul> 
    </div> 
    <!-- /.navbar-collapse --> 
   </div> 
   <!-- /.container-fluid --> 
  </nav> 
  <div class="modal fade" id="create-referral-link-modal" tabindex="-1"> 
  </div> 
  <script type="text/javascript">
            $('.changet').click(function (event) {
                var title = $(this).data('bind');
                $('#wx-article-title input').val(title);
            });
            $('.changei').click(function (event) {
                var img = $(this).data('bind');
                $('#cover_img').attr('src', img);
                $('#cover').val(img);
            });
            $('.changef').click(function (event) {
                var fimg = $(this).data('bind');
                $('#showfimg').attr('src', fimg);
            });
        </script> 
  <!-- js复制内容 --> 
  <script type="text/javascript">
            $("#btn-copy-title").click(function () {
                var str = $('#wx-article-title').html();
                //var str = $div;
                K.Tool.copy(str.replace(/&amp;/g, "&"));
            });
            // $("#btn-copy-content").click(function(){
            //     var str = $('#content_body').html();
            //     // var str = $('#copycontent').html();
            //     // str = str.replace(/<p>/g,"");
            //     // str = str.replace(/<\/p>/g,"");
            //     // str = str.replace(/&nbsp;/g,"");
            //     // str = str.replace(/<br>/g,"");
            //     K.Tool.copy(str);
            // });
            $("#btn-copy-url").click(function () {
                var str = $('#copyurl').html();
                K.Tool.copy(str.replace(/&amp;/g, "&"));
            });
        </script> 
  <script type="text/javascript">
            function copy_flash()
            {
                var text = document.getElementById("content_body");
                var selection = window.getSelection();
                var range = document.createRange();
                range.selectNodeContents(text);
                selection.removeAllRanges();
                selection.addRange(range);
                document.execCommand('Copy');
                alert('已复制');
            }
            
WebUploader.create({
    swf: '/static/bower_components/fex-webuploader/dist/Uploader.swf',
    server: "{:U('/Admin/upload/ossUploadImg')}",
    pick: '#wx-article-cover',
    resize: true,
    auto: true,
    mimeTypes: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,png',
        mimeTypes: 'image/*'
    }
}).on('uploadSuccess', function(file, resp) {
         console.log('分类上传图片功能',resp['_raw']);
        $('#cover').val(resp['_raw']);
        $('#cover_img').attr('src',resp['_raw']);
});
</script>  
<script>
   function save(){
      var obj ={title:'' ,cover:'',description:""};
       for(a in obj){
          obj[a] =  $("#"+a).val();
          if(obj.a==''){
              alert('内容不能为空');
              return ;
          }
       }
       var id = "{$id}";
       obj.biid = id;
       console.log(obj);
       $.post("{:U('article')}",{data:obj},function(resp){
           console.log(resp);
           var data = JSON.parse(resp);
           if(data.code==2){
               alert(data.message);
           }else{
               console.log(data);
               alert(data.message);
//               window.close();
//            $.get("{:U('creatlinks')}",{id:data.data.id},function(res) {
//               layer.open({
//                    type: 1,
//                    'title':'推广和浏览',
//                    skin: 'layui-layer-rim', //加上边框
//                    area: ['420px', '240px'], //宽高
//                    content: res
//                  }); 
//            });   
           }
       })
   }
   
   function preview(){
//       window.location.href= '/home/book/helloworld';
        var id = "{$id}";
        var sign = "{$sign}";
        var url = "{$pre_url}";
        window.open(url+"/home/book/helloworld/id/"+id+"/sign/"+sign);
   }
</script>
 </body>
</html>